@import './variables.scss';

html{
    font-family: $font-family;
    -webkit-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0,0,0,0);
    // better font rendering
    -webkit-font-smoothing:antialiased;
    -moz-osx-font-smoothing:grayscale;
}
body{
    margin: 0;
    background-color: $body-bg;
    // background-image: linear-gradient(0deg,red 50%,blue 50%);
}
// custom element theme
$--color-primary:$primary-color;
$--color-success:$success-color;
$--color-warning:$warning-color;
$--color-danger:$danger-color;
$--color-info:$info-color;
// change font path ,required
$--font-path:'~element-ui/lib/theme-chalk/fonts';
// import element default theme
@import '~element-ui/packages/theme-chalk/src/index';

// overrides
.el-pagination{
    color: #868e96;
}

// components
.status{
    display: inline-block;
    cursor: pointer;
    width: 0.875rem;
    height: 0.875rem;
    vertical-align: middle;
    border-radius: 50%;

    &-primary{
        background-color: $--color-primary;
    }
    &-warning{
        background-color: $--color-warning;
    }
    &-success{
        background-color: $--color-success;
    }
    &-danger{
        background-color: $--color-danger;
    }
    &-info{
        background-color: $--color-info;
    }
}